<template>
    <div class="right-cpn">
        <RtopCpn></RtopCpn>
        <RmidCpnt></RmidCpnt>
        <RbottomCpn></RbottomCpn>
    </div>
</template>

<script>
import RtopCpn from './components/RtopCpn.vue';
import RmidCpnt from './components/RmidCpnt.vue';
import RbottomCpn from './components/RbottomCpn.vue';
export default {
    components: {
        RtopCpn,
        RmidCpnt,
        RbottomCpn
    }
};
</script>

<style scoped lang="scss">
.right-cpn {
    flex: 8;
    /* outline:1px red solid */
}
</style>
